<script>
function searchBarOnClick(){
       textbox=document.getElementById("buscar");
       if(textbox.value=='Buscá un tema'){
               textbox.value='';
       }
       textbox.select();
       textbox.onclick=null;
}
</script>   
<div class="barraDeBusqueda">
		<input id="buscar" type="text" class="inputBox" onkeyup = "if(event.keyCode == 13)buscar();"                                      
	onClick="searchBarOnClick()" onblur="this.onclick=searchBarOnClick"
			value="<?php if (isset($_GET['keyword'])) { echo $_GET['keyword']; }else{ echo 'Buscá un tema';} ?>" /><img src="img/searchButton.png"
			onClick="buscar();" class="searchButton" title="Buscar"><img src="img/preferences.png"
			onClick="mostrarMenuPreferencias()" class="botonPreferencias" title="Preferencias de búsqueda" >

		
		<div class="orderBy">	
	  
       <input name="ordenamiento" type="radio" value="peso" id="porPeso"  <?php if (isset($_GET['ordenamiento']) && $_GET['ordenamiento']== 'peso'){ echo 'checked="checked"';}else{ if(!isset($_GET['ordenamiento'])) { echo 'checked="checked"';}}  ?>  />
            <a class="radioButonText">Ordenar por relevancia</a>
             <input name="ordenamiento" type="radio" value="diario" id="porDiario" <?php if (isset($_GET['ordenamiento']) && $_GET['ordenamiento']== 'diario'){ echo 'checked="checked"';} ?> />
           <a class="radioButonText">Ordenar por diario</a>
          </div>
            
	  <div class="menuPreferencias" id="menuPreferencias" >
				<form id="formPreferences">
				<h2>Preferencias</h2>
				<?php
					$property = 'properties/rssFeeds.xml';
					$array_source = simplexml_load_file($property);
					
					foreach ($array_source as $source){
							$name = $source->name;
							echo '<p><input id="checkbox" type="checkbox">' . $name;

						}
				?>
				<p><button type="button" onClick="mostrarMenuPreferencias()">Cerrar</button>
				</form>
			
		</div>
	</div>

